Research Methods Experiment: HyLiMo

Thank you for participating in our study comparing diagramming tools.

This experiment aims to compare the diagram modeling tool HyLiMo with the diagramming tool draw.io
Your task is to get familliar with HyLiMo and draw.io and complete a task for HyLiMo and another task for draw.io.

Please follow the following instructions step by step.
Only read the secions of the document you are explicitely asked to.

Step 1

Read the short UML class diagram instruction found below.
If you are already familiar with UML class diagrams, you might skip this step

Step 2

Carefully read the instructions for both HyLiMo and draw.io found below.

Step 3

Because the order of tools needs to be random please flip a coin, if it shows heads (german: “Kopf”) start with draw.io for Task 1.

Step 4

Carefully read Task 1. When your are ready, start and track your time you take for this task. Please don’t take any breaks while working on it.
When you are finished with the task, note down how much time you took (in seconds), and download the created diagram (for detailed export instructions, see after Step 8).

Step 5

Repeat Step 4 with Task 2 (and the other tool).

Step 6

Create a (random) identifier.

Step 7

Please complete our survey regarding your experience with both tools.
You can find the survey here: https://forms.office.com/e/N4qWdVyxcb

Step 8

Rename your downloaded diagrams to [UID]-[tool].[old_file_ending] and upload both diagrams here: https://www.dropbox.com/request/gQPBFa3oLLBFyBX2qPsn
While Dropbox requires you to provide a name and e-mail address, you don’t need to enter your real name and e-mail address (e.g. test and test@example.com).

Detailed Export Instructions

UML Class Diagram Introduction

UML class diagrams are visual representations of the structure of a system, showing its classes, attributes, methods, and the relationships between them. They are used to model the static design of a system, making it easier to understand, plan, and communicate its architecture. Class diagrams are commonly employed in software development to illustrate how different components interact and to serve as a blueprint during the design and implementation phases.

In the context of this, the following features are relevant:

Introduction of Tools

HyLiMo

HyLiMo is a hybrid live-synchronized modular diagramming editor.
Diagrams can be edited both textually, using a diagram DSL, and graphically, using the graphical editor, with both views being live synchronized.

Recommended editor: https://hylimo.github.io

Complete documentation: https://hylimo.github.io/docs

draw.io (diagrams.net)

draw.io is a graphical diagramming tool.

Recommended editor: https://app.diagrams.net

Task 1: Online Store

Create a class diagram, with the random tool, for a simple online store:

Task 2: School Management System

Design a class diagram, with the other tool, for a school management system: